body {
    background-color: #e0e0e0;
}

body, th, td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
    margin: 0 0 20px;
}

h3 {
    font-size: 18px;
    margin: 0 0 10px;
}

.header {
    overflow: hidden;
}

.header div {
    float: left;
    margin: 0 60px 0 10px;
}

.header div input {
    margin: 0;
}

.sumPanel, .singlePanel {
    background-color: #fff;
    float: left;
    overflow: hidden;
    display: inline;
}

.sumPanel {
    padding: 10px 10px 0px 10px;
    width: 23%;
    margin: 20px 5px 0 0;
}

.singlePanel {
    padding: 10px;
    width: 97.6%;
    margin: 20px 20px 0 0;
}

table {
    border-collapse: collapse;
}

th {
    background-color: #B0C4DE;
}

th, td {
    border: 2px solid gray;
    padding: 3px 6px;
}

th {
    white-space: nowrap;
}

td {
    vertical-align: top;
}

.nowrap {
    white-space: nowrap;
}

.stateBad {
    background-color: red;
    color: yellow;
    font-weight: bold;
}

.stateDangerous {
    background-color: #fae200;
    color: black;
    font-weight: bold;
}

.stateGood {
    background-color: #64b587;
    color: black;
    font-weight: bold;
}

.stateGood, .stateBad, .stateDangerous {
    height: 40px;
}

.stateNeutral {
    background-color: #e8e8e8;
    color: black;
}

.summary {
    margin: 0 0 10px;
}

.summary div {
    padding: 4px 8px;
    margin: 0 0 2px;
}